<template>
  <el-menu :default-active="currentMenu" :collapse="isCollapse" router>
    <sub-menu :menu="menu" v-for="menu in menus" :key="menu.id"></sub-menu>
  </el-menu>
</template>
<script>
import subMenu from "./sub-menu";

export default {
  name: "navMenu",
  props: {
    menus: Array,
    isCollapse: {
      type: Boolean,
      default: false
    }
  },
  created() {},
  mounted() {},
  data() {
    return {
      currentMenu: "dashboard"
    };
  },
  computed: {},
  methods: {},
  components: {
    subMenu
  }
};
</script>
<style>
</style>
